<template>
    <a-modal :title="title" :visible="visible" @Ok="handleOk" @Cancel="handleCancel">
      <a-form class="product-upload-form" :labelCol="{span:5}">
        <a-form-item label="选择公司/门店">
          <a-input></a-input>
        </a-form-item>
        <a-form-item label="选择导入类型">
          <a-row gutter="8">
            <a-col span="12"><a-select></a-select></a-col>
            <a-col span="12"><a-select></a-select></a-col>
          </a-row>
        </a-form-item>
        <a-form-item label="上传文件"></a-form-item>
        <a-form-item>
          <p>
            格式错误，请使用正确的模板上传
            表格内不可超过8000条数据，请检查数据条数以及是否有sheet表
            第800行有必填数据未填充，请检查后上传
            表格内包含重复数据，请删除重复数据后上传
          </p>
        </a-form-item>
      </a-form>
    </a-modal>
</template>

<script lang="ts">
import "./index.less";

export default {
  props:{
    title:String,
    visible: Boolean,
  },
  emits:["handleOk"],
  setup(props,context){
    const handleOk = ()=>{
      context.emit("handleOk");
    }
    const handleCancel = ()=>{
      context.emit("handleCancel");
    }
    return {
      handleOk,
      handleCancel
    }
  }
}
</script>

<style scoped>

</style>
